// 创建一个和用户相关的小仓库  defineStore
import { defineStore } from 'pinia'
// 引入参数类型文件
import { loginFormData, loginResponseData } from '../../api/user/type'
// 引入请求接口
import { reqLogin, reqUserInfo, reqLogout } from '../../api/user'
// 引入小仓库的数据类型
import type { UserState } from './types/types'
// 引入操作本地存储的方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '../../utils/token'
// 引入常量路由
import { constantRoute, anyRoute, asyncRoute } from '../../router/route'
// 引入路由器
import router from '../../router'
// 引入深拷贝方法
import cloneDeep from 'lodash/cloneDeep'

// 用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asnycRoute: any, routes: any) {
  return asnycRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}
// 创建小仓库
const useUserStore = defineStore('User', {
  // user小仓库存储数据的地方
  state: (): UserState => {
    return {
      // pinia存储token 去本地去取
      token: GET_TOKEN(), //用户的唯一标识
      menuRoutes: constantRoute, //仓库存储生成菜单所需要的路由
      username: '', //用户名
      avatar: '', //用户头像
      // 存储当前用户是否包含某一个按钮权限
      buttons: [],
    }
  },

  // 写异步|逻辑方法的地方
  actions: {
    // 用户登录请求的方法
    async userLogin(data: loginFormData) {
      // 登录请求
      const res: loginResponseData = await reqLogin(data)
      // 请求成功就会得到TOKEN
      // 请求失败获得失败的信息
      if (res.code === 200) {
        // pinia存储token 但是pinia不是一个持久性的存储
        this.token = res.data as string
        // 存储到本地去
        SET_TOKEN(res.data as string)
        // 保证async函数返回一个成功的promise
        return 'ok'
      } else {
        // 请求失败的情况
        return Promise.reject(new Error(res.data))
      }
    },
    // 获取用户信息的方法
    async userInfo() {
      // 调用reqUserInfo接口获取用户信息，存储到Store中
      const result: any = await reqUserInfo()
      // 如果成功了200
      if (result.code === 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        // 计算当前用户需要展示的异步路由
        const userAsyncRoute = filterAsyncRoute(
          cloneDeep(asyncRoute),
          result.data.routes,
        )
        //菜单需要的数据整理完毕
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoute]
        // 存储用户的按钮权限
        this.buttons = result.data.buttons
        // 把所需异步路由和任意路由加入到用户的路由当中
        ;[...userAsyncRoute, anyRoute].forEach((route: any) => {
          router.addRoute(route)
        })
        // 成功就返回一个成功
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    // 退出登录的方法
    async userLogout() {
      const result: any = await reqLogout()
      if (result.code == 200) {
        //目前没有mock接口:退出登录接口（通知服务器本地用户的token失效）
        this.token = ''
        this.username = ''
        this.avatar = ''
        // 删除本地存储的token
        REMOVE_TOKEN()
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})
// 对外暴露user小仓库
export default useUserStore
